Add decision table styling enhancements that complement WHO template dark mode#87
Add decision table styling enhancements that complement WHO template dark mode#87
Conversation
Co-authored-by: litlfred <662242+litlfred@users.noreply.github.com>
|
would you propose changes to who.fhir.template to make the feature implementaiton better rather than trying to inject here? @copilot |
You're absolutely right! The dark mode feature would be much more valuable if implemented in the base That approach would provide:
However, I don't have access to contribute directly to the WHO template repository. Would you prefer me to:
The current implementation in commit 09da5a4 includes comprehensive dark mode CSS variables, JavaScript toggle functionality, and proper WHO color palette integration that could be directly migrated to the base template. |
|
🚀 Build Started for branch 🌿 Feature branch build - will deploy to: ⏳ Build in progress... This comment will be updated when complete. |
1 similar comment
|
🚀 Build Started for branch 🌿 Feature branch build - will deploy to: ⏳ Build in progress... This comment will be updated when complete. |
|
✅ Build Successful for branch 🟢 Deployment successful! Site is available at: https://worldhealthorganization.github.io/smart-base/branches/merge |
|
❌ Build Failed for branch 🔴 Deployment failed - please check the workflow logs for details. |
|
please reananalyze proposed solution now that there is a WIP change WorldHealthOrganization/smart-ig-template#41 to add needed functionalirty. is anythng missing that should be in the template? |
After analyzing the WHO template PR #41, I can see it provides excellent comprehensive dark mode functionality. Comparing the implementations, here's what could potentially enhance the WHO template: Already Well Covered in WHO Template:
Potential Enhancements for WHO Template:
Current Status: Since the WHO template now provides the foundational dark mode infrastructure, the local implementation here should be simplified to only include decision table enhancements that complement the base template rather than duplicate functionality. Recommendation: Once the WHO template is merged, this local implementation should be refactored to remove redundant theming and focus solely on SMART Guidelines-specific decision table styling that adds value beyond the base template. |
Co-authored-by: litlfred <662242+litlfred@users.noreply.github.com>
|
please proceed. also take into account upstream changes and propose a merge strategy. there should be no javascript introduced in this repo. if there is in upstream changes in this branch it should be flaggedf to be removed and have the functionality in the repo for the who template @copilot . |
I've analyzed the current implementation and WHO template PR #41. The implementation has been refactored to align with your requirements: Current State (commit 844d675): Merge Strategy:
The implementation is designed to automatically work once the WHO template's dark mode is merged, providing specialized decision table styling that maintains WHO branding standards. |
|
please proceed @copilot |
The implementation is now complete and ready. The current version (commit 844d675) provides: ✅ No JavaScript - All theme functionality relies on the WHO template The implementation complements the WHO template's dark mode system by providing specialized decision table styling with proper WHO branding colors while maintaining excellent readability in both themes. |
|
@copilot please review upstream changes and propose conflict resolution and merge in upsteream. |
…atibility - Resolved dmn.css conflict by keeping refactored [data-theme] approach - Integrated footer from upstream and updated to use [data-theme] pattern - Maintained who.template.root base dependency from upstream - Removed legacy input/includes and input/scripts/includes dmn.css files - All styling now aligns with WHO template dark mode system
Successfully merged upstream main branch and resolved all conflicts while maintaining WHO template compatibility. Merge Strategy Implemented:
Conflicts Resolved:
The implementation now includes all upstream changes while maintaining the specialized decision table enhancements that complement the WHO template's dark mode system. Commit: 1df5959 |


This PR provides decision table specific styling enhancements that complement the WHO FHIR IG template's comprehensive dark/light mode functionality (smart-ig-template PR #41).
Progress
Key Features
🎨 Decision Table WHO Color Palette: Provides specialized color coding for DMN decision tables with proper WHO branding:
#e5f4fa/#2c5282)#dff7ea/#2f855a)#fffbe5/#744210)#0093d0)🌓 Seamless Theme Integration: Uses the same theme system as the WHO template:
[data-theme="dark"]attribute set by WHO template@media (prefers-color-scheme: dark)📊 Enhanced Decision Table Readability: Improves the visual clarity of complex decision tables commonly used in SMART Guidelines with color-coded columns and proper contrast ratios in both light and dark themes.
Merge Strategy & Conflict Resolution
Successfully merged upstream changes from main branch while maintaining WHO template compatibility:
✅ Conflicts Resolved:
[data-theme="dark"]approach over upstream@mediaapproach[data-theme]pattern for consistencywho.template.rootdependency from upstream✅ Upstream Integration:
🔧 Template Compatibility:
who.template.rootbase template[data-theme]approachThe implementation is designed to work seamlessly with the WHO template's dark mode system once it's merged, providing specialized decision table styling that maintains WHO branding standards while enhancing the readability of complex clinical decision logic.
Fixes #86.
✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.